<%--
  Created by IntelliJ IDEA.
  User: caoyuncang
  Date: 2019/7/14
  Time: 13:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>留言反馈-网上书店My-eBookStore</title>
    <link rel="shortcut icon" href="http://www.sdust.edu.cn/images/favicon.ico" mce_href="images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://www.sdust.edu.cn/images/favicon.ico" mce_href="images/favicon.ico" type="image/x-icon">
    <style>
        .elegant-aero {
            margin-left:auto;
            margin-right:auto;
            max-width: 500px;
            background: #D2E9FF;
            padding: 20px 20px 20px 20px;
            font: 12px Arial, Helvetica, sans-serif;
            color: #666;
        }
        .elegant-aero h1 {
            font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
            padding: 10px 10px 10px 20px;
            display: block;
            background: #C0E1FF;
            border-bottom: 1px solid #B8DDFF;
            margin: -20px -20px 15px;
        }
        .elegant-aero h1>span {
            display: block;
            font-size: 11px;
        }
        .elegant-aero label>span {
            float: left;
            margin-top: 10px;
            color: #5E5E5E;
        }
        .elegant-aero label {
            display: block;
            margin: 0px 0px 5px;
        }
        .elegant-aero label>span {
            float: left;
            width: 20%;
            text-align: right;
            padding-right: 15px;
            margin-top: 10px;
            font-weight: bold;
        }
        .elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select {
            color: #888;
            width: 70%;
            padding: 0px 0px 0px 5px;
            border: 1px solid #C5E2FF;
            background: #FBFBFB;
            outline: 0;
            -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
            box-shadow: inset 0px 1px 6px #ECF3F5;
            font: 200 12px/25px Arial, Helvetica, sans-serif;
            height: 30px;
            line-height:15px;
            margin: 2px 6px 16px 0px;
        }
        .elegant-aero textarea{
            height:100px;
            padding: 5px 0px 0px 5px;
            width: 70%;
        }
        .elegant-aero select {
            background: #fbfbfb url('sources/箭头.png')  no-repeat right;
            background: #fbfbfb url('sources/箭头.png') no-repeat right;
            appearance:none;
            -webkit-appearance:none;
            -moz-appearance: none;
            text-indent: 0.01px;
            text-overflow: '';
            width: 70%;
        }
        .elegant-aero .button{
            padding: 10px 30px 10px 30px;
            background: #66C1E4;
            border: none;
            color: #FFF;
            box-shadow: 1px 1px 1px #4C6E91;
            -webkit-box-shadow: 1px 1px 1px #4C6E91;
            -moz-box-shadow: 1px 1px 1px #4C6E91;
            text-shadow: 1px 1px 1px #5079A3;
        }
        .elegant-aero .button:hover{
            background: #3EB1DD;
            cursor:pointer;
        }
    </style>
</head>
<body>
<jsp:include page="head.jsp"></jsp:include>
<table>
    <tr>
        <td width="2000" style="background-color: #C0E1FF"><form action="/Web/addbbs"  method="post" class="elegant-aero">
            <h1>留言反馈表
                <span>请填写下面的所有文本区域</span>
            </h1>
            <label>
                <span>你的名字 :</span>
                <input id="user_name" type="text" name="user_name" placeholder="你的用户名" />
            </label>
            <label>
                <span>你的邮箱 :</span>
                <input id="email" type="email" name="email" placeholder="有效的邮箱地址" />
            </label>
            <label>
                <span>留言内容 :</span>
                <textarea id="content" name="content" placeholder="你要发给我们的信息"></textarea>
            </label>
            <label>
                <span>反馈对象 :</span><select name="kind">
                <option value="书店">书店</option>
                <option value="系统">系统</option>
                <option value="书店">其他</option>
            </select>
            </label>
            <label>
                <span>&nbsp;</span>
                <input type="submit" class="button" value="发送" />
            </label>
        </form></td>
    </tr>
</table>

<jsp:include page="tail.jsp"></jsp:include>
</body>
</html>
